import React, { Component } from 'react';
import { Switch, Route } from 'react-router-dom';
import './css/reset.css';

import Sign from './sign';
import Home from './home';
import Edit from './edit';
import StudentInfo from './students';
import Notfound from './notfound';
import Search from './search';

class App extends Component {
  render() {
    return (
      <div>
        <Switch>
          <Route exact path="/"  component={Home} />
          <Route path="/sign"  component={Sign} />
          <Route path="/edit" component={Edit} />
          <Route path="/studentinfo/:id" component={StudentInfo} />
          <Route path="/search/:key" component={Search} />
          <Route component={Notfound} />
        </Switch> 
      </div>
    );
  }
}

export default App;
